.zx-panel {

  .panels {
    width: 380px;
    margin: 10px;

    .panel-wrap {
      margin-bottom: 10px;
      border-radius: 4px;

      .section-wrap {
        border: 1px solid #E0E0E0;
        .section {
          padding: 10px 5px 20px 5px;
        }
      }

      .jrsq-title {
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
        color: #ffffff;
        background: url("../../../../assets/images/ght/zx/jrsq-bg1.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }

      .panel-title {
        font-size: 14px;
        font-weight: bold;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
        background-color: #E7ECF1;
        border: 1px solid rgba(224, 224, 224, 1);
        border-radius: 4px 4px 0 0;
      }

      .jrsq {
        text-align: center;
        height: 130px;
      }

      .total {
        width: 50%;
        margin: 10px 0;
      }

      .others {
        display: flex;
        flex-wrap: wrap;

        div {
          width: 50%;
          margin-bottom: 15px;
        }
      }

      .text {
        width: 60%;
        display: inline-block;
        text-align: center;
      }

      .value {
        width: 40%;
        display: inline-block;
        font-weight: bold;
        text-align: center;
      }

      .sub-title {
        color: #333333;
        padding: 5px 15px;
        margin: 0 5px;

        span:nth-child(2) {
          float: right;
        }
      }

      .content {
        text-align: center;

        .row {
          display: flex;
          flex-wrap: wrap;
          height: 40px;
          line-height: 40px;
        }

        .row:nth-child(2n+1) {
          background: #F8FAFB;
        }

        .unit {
          width: 50%;
          padding: 0 20px;
          margin-bottom: 15px;

          .text {
            width: 70%;
            display: inline-block;
            text-align: left;
          }

          .value {
            width: 30%;
            display: inline-block;
            color: #1890FF;
            font-weight: bold;
            text-align: center;


            .old{
              display: block;
            }
            .new{
              display: block;
            }
          }
        }
      }

    }

    [nz-carousel-content] {
      text-align: center;
      width: 100%;
      padding: 10px 30px;
      background: url("../../../../assets/images/ght/zx/jrsq-bg2.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      color: #fff;
      overflow: hidden;
    }
  }

  .warning-wrap {
    margin: 20px 10px 0 10px;

    width: 380px;
    height: 200px;

    .title {
      height: 34px;
      line-height: 34px;
      font-size: 16px;
      padding-left: 15px;
      background: linear-gradient(to right, #56AAFF, #56C2FF);
      color: #ffffff;
      border-radius:4px 4px 0px 0px;
    }

    .content {
      border: 1px solid #E0E0E0;
      padding: 10px;
      height: 190px;
      overflow-y: scroll;
    }
  }


}


